
$q:red;
div{
  color:$q;
  ul{
    li{
      a{
        background-color: #fff;
      }
    }
  }
}


// .box{
//   width: 200px;
// }

// div{
//   .box()
// }

@mixin qqq($w:200px){
  height: $w;
}

div{
  // height: ;
  @include qqq();
}

/* scss less的区别
1、都是css的预编译处理样式
2、都有你变量声明，嵌套【ul>li>a】，混入【函数调用,scss中需要链各个关键字 mixin/include】
3、less变量 @  scss变量$
4、scss功能比less强大 比如sccss中有循环还有条件判断，less都没有
*/